<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ADO</title>
<link rel="stylesheet" href="../css/styleMenu.css" />
<link rel="stylesheet"
	href="../jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.css" />
<script src="../js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="../jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.js"
	type="text/javascript"></script>

</head>
<body>
	<div data-role="page" data-theme="b">
		<div data-role="panel" id="navpanel" data-theme="b"
			data-display="reveal" data-position="right">
			<ul data-role="listview" data-theme="c" data-icon="false"
				data-divider-theme="c">
					<li data-role="list-divider" data-transition="fade"  >
				<a href="../index.html" >
						<h1>Semáforos</h1>
				</a></li>
				<li><a href="./frmSemaforoAutobuses.html" data-transition="fade">
						<h1>Autobuses</h1>
						<p>Rendimiento de Combustible Autobuses</p>
				</a></li>
				<li><a href="#" class="ui-btn-active">

						<h1>Conductores</h1>
						<p>Rendimiento de Combustible Conductores</p>
				</a></li>
				</a>
				</li>
			</ul>

		</div>

		<div data-role="header" data-theme="b">
			<h1>ADO</h1>
			<a id="bars-button" data-icon="bars" class="ui-btn-right"
				style="margin-top: 5px;" href="#navpanel">Menu</a>
		</div>
		<div data-role="content" data-theme="c">
			<h2 class="alignCenter">Rendimiento de Combustible Conductores</h2>
				<fieldset data-role="fieldcontain" >
					<div data-role="fieldcontain" >
						<label for="mes">Mes y Año:</label> <input type="month" id="mes"
							name="mes" min="2009-01" data-mini="true">

					</div>
					
					<div data-role="fieldcontain" >
					<label for="ordenar">Ordernar por:</label> 
						<select
							name="ordenar" id="ordenar" data-mini="true">
							<option value="factorRendimiento">Factor de Rendimiento</option>
							<option value="conductor">Conductor</option>
						</select>
					</div>
					
					<div data-role="fieldcontain" class="alignCenter" >
						<button type="submit" class="ui-btn-active" id="enviarForm" data-mini="true">Actualizar</button>
					</div>
					
				</fieldset>



		</div>
		<div data-role="footer" data-theme="b" data-position="fixed">
			<h4>&copy;ADO y empresas cordinadas, 2013</h4>
		</div>
	</div>
</body>
</html>